html,body{
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.el-table__header{
  background-color: antiquewhite;
}
.el-steps{
  margin: 15px 0;
}
.el-step__title{
  font-size: 13px;
}
.el-form-item{
  margin-bottom: 12px;
}


.el-table{
  border: none;
}

.el-tag{
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
}

.el-table__cell{
  padding: 2px!important;
  margin: 0!important;
}

.el-divider {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}

.el-cascader{
  width: 100%;
}

.ql-editor{
  min-height: 100px;
}

.el-switch{
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
}

.el-form-item .el-select {
    width: 100%;
  }

.el-input--prefix .el-input__inner {
   padding-left: 20px;
}

.el-input--suffix .el-input__inner {
    padding-right: 15px;
}

.el-input__inner{
  padding-left: 20px;
  padding-right: 15px;
}

.el-input__prefix {
    left: -1px;
}

//滚动条的宽度
::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #e4e4e4;
  border-radius: 6px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #ced9d9;
  border-radius: 6px;
}

.col-image{
  margin-right: 8px;
  width: 35px;
  height: 35px;
}

.icon{
  margin-right: 5px;
}

.iconfont {
   font-size: 12px!important;
   span{
     margin-left: 5px;
   }
}

.new-data {
    background: red;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    border-radius: 50%;
    position: absolute;
    font-size: 11px!important;
    right: -13px;
    top: -10px;
    color: #fff;
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.el-button--success {
    color: #FFF;
    background-color: #02b05f;
    border-color: #02b05f;
}

.active-input{
  color: #02b05f;
}

.item-table {
  margin-top: 35px;
}

.el-select {
  max-width: 100px;
}

.el-input {
  margin: 0px;
}

.button-box{
  margin-top: 10px;
}

.el-button+.el-button{
  margin: 0px;
}

/* 重置按钮 */
  .el-button--goon {
    color: white;
    background-color: rgb(198, 139, 223);
    border-color: rgb(213, 150, 240);
  }
  .el-button--goon:hover {
    color: rgb(246, 241, 248);
    background-color: rgb(214, 151, 241);
    border-color: rgb(225, 159, 253);
  }
  .el-button--goon.is-disabled{
    color: white;
    background-color: rgb(235, 193, 245);
    border-color: rgb(244, 200, 254);
  }
  .el-button--goon.is-disabled:hover{
    color: white;
    background-color: rgb(235, 193, 245);
    border-color: rgb(240, 197, 250);
  }

  /* 查询按钮 */
  .el-button--bblue {
    color: white;
    background-color: rgb(88, 168, 238);
    border-color: rgb(91, 175, 248);
  }
  .el-button--bblue:hover {
    color: rgb(240, 248, 255);
    background-color: rgb(88, 168, 238);
    border-color: rgb(92, 176, 249);
  }
  .el-button--bblue.is-disabled{
    color: white;
    background-color: rgb(190, 219, 238);
    border-color: rgb(199, 229, 248);
  }
  .el-button--bblue.is-disabled:hover{
    color: white;
    background-color: rgb(190, 219, 238);
    border-color: rgb(199, 230, 249);
  }

  /* 查询按钮 */
  .el-button--green {
    color: white;
    background-color: #7caf39;
    border-color: #99d545;
  }
  .el-button--green:hover {
    color: rgb(240, 248, 255);
    background-color: #8ec640;
    border-color: #9fdd47;
  }
  .el-button--green.is-disabled{
    color: white;
    background-color: #d0eaaf;
    border-color: #e1fcbd;
  }
  .el-button--green.is-disabled:hover{
    color: white;
    background-color: #d0eaaf;
    border-color: #def9bb;
  }


 /* 查询按钮 */
  .el-button--qblue {
    color: white;
    background-color: #47c1a3;
    border-color: #4dd1b0;
  }
  .el-button--qblue:hover {
    color: white;
    background-color: #52dfbc;
    border-color: #54e5c1;
  }

  .el-button--qblue.is-disabled{
    color: white;
    background-color: #92dfd0;
    border-color: #a1f5e4;
  }
  .el-button--qblue.is-disabled:hover{
    color: white;
    background-color: #92dfd0;
    border-color: #9defdf;
  }


// .el-dialog {
//      display: flex;
//      flex-direction: column;
//      margin:0 !important;
//      position:absolute;
//      top:50%;
//      left:50%;
//      transform:translate(-50%,-50%);
//      /*height:600px;*/
//      max-height:calc(100% - 200px);
//      max-width:calc(100% - 30px);
// }
// .el-dialog .el-dialog__body {
//      flex:1;
//      overflow: auto;
// }

.el-tabs__item {
    text-align: center;
    width: auto !important;
    padding:0 10px 0 13px !important;
}

.el-tabs__item:hover{
    border: none !important;
}

.el-tabs__item.is-active {
    color: #ffffff;
    background-color: #01b076;
    border: none !important;
}

.el-tabs__active-bar {
    background-color: #0c2c11;
    opacity: 0;
}
